<ui:composition template="/WEB-INF/template/layoutPadrao.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

	<ui:define name="titulo">Pesquisa Usuario</ui:define>

	<ui:define name="corpo">
		<h:form>

			<h1>Pesquisa Usuarios</h1>

			<p:toolbar style="margin-top:20px">
				<p:toolbarGroup>
					<p:commandButton value="Pesquisa" action="#{pesquisaUsuarioBean.pesquisar}" update="@form"/>
				</p:toolbarGroup>

				<p:toolbarGroup align="right">
					<p:button value="Novo" outcome="/usuarios/cadastroUsuario" />
				</p:toolbarGroup>
			</p:toolbar>

			<p:panelGrid columns="2" id="painel"
				style="width:100%; margin-top:20px" columnClasses="rotulo, campo">
				
			<p:outputLabel value="Nome" for="nome" />
				<p:inputText id="nome" size="60" value="#{pesquisaUsuarioBean.filtro.nome}"/>
			</p:panelGrid>

			<p:dataTable id="produtosTable"
				value="#{pesquisaUsuarioBean.usuariosFiltrados}" var="usuario"
				style="margin-top: 20px" emptyMessage="Nenhum usuario encontrado."
				rows="20" paginator="true" paginatorAlwaysVisible="false"
				paginatorPosition="bottom">
				
				<p:column headerText="Nome">
					<h:outputText value="#{usuario.nome}" />
				</p:column>				
						
				<p:column headerText="Login" style="width: 300px">
					<h:outputText value="#{usuario.login}" />
				</p:column>
				
				<p:column style="width: 100px; text-align: center">
					<p:button icon="ui-icon-pencil" title="Editar" outcome="/usuarios/cadastroUsuario">
						<f:param name="usuario" value="#{usuario.id}"/>
					</p:button>
					
				</p:column>
			</p:dataTable>
			
			<p:confirmDialog header="Exclusão de Produto" message="Tem certeza que deseja excluir o usuário?" 
								widgetVar="confirmacaoExclusao">
								
						<p:button value="Não" onclick="confirmacaoExclusao.hide(); return false;"/>
						<p:commandButton value="Sim" oncomplete="confirmacaoExclusao.hide();"/>
			</p:confirmDialog>
		</h:form>
	</ui:define>
</ui:composition>